* {
    padding: 0;
    margin: 0;
}
body{
    background-color: #f4f4f4;
}
ul {
    list-style: none;
}
.bg{
    background: url('https://m.tuniucdn.com/fb2/t1/G1/M00/8D/A9/Cii9EFcds2OIFVxOAAF3PK7rGAYAAESHQMceRUAAXdU62.jpeg') no-repeat center;
    background-size: cover;
}
.top-frame {
    width: 1200px;
    margin: 0 auto;
   
}

.top-frame-pic {
    margin: 0 auto;
    width: 1200px;
    height: 45px;
    background: url('https://m2.tuniucdn.com/fb2/t1/G5/M00/22/03/Cii-slpBsCGISe9qAAA1XJXrntcAABVLQPv3d8AADV076.jpeg') top center no-repeat;
   
}

.big-pic {
    width: 1200px;
    height: 280px;
    margin: 0 auto;
}

.big-pic img {
    width: 1200px;
    height: 280px;

}

.top-frame-bottom {
    width: 100%;
    height: 70px;
    display: flex;
    background-color: #fff;
}

.dianping {
    margin-left: 68px;
    width: 60px;
    padding-top: 35px;
    box-sizing: border-box;
    font-size: 12px;
    height: 35px;
    text-align: center;
    color: #333;
    font-weight: bold;
    background: url('https://img.tuniucdn.com/img/20141028/destination/desicon.png') no-repeat;
    background-position: 16px -30px;
}
.suangyin{
    width: 35px;
    height: 35px;
    margin-left: 50px;
    background: url('https://img.tuniucdn.com/img/20141028/destination/desicon.png') no-repeat;
    background-position: -184px -103px;
}
.top-frame-bottom-text{
    width: 596px;
    position: relative;
    height: 64px;
    margin-top: 5px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.top-frame-bottom-text-t1{
    width: 406px;
    height: 54px;
    margin-right: 20px;
    overflow: hidden;
    padding-left: 10px;
    box-sizing: border-box;
}
.top-frame-bottom-text-t1 p{
    height: 20px;
    line-height: 20px;
    color: #666;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.top-frame-bottom-text-t2{
    padding-top: 5px;
    height: 54px;
    font-size: 12px;
    box-sizing: border-box;
    width: 160px;
    color: #999;
    text-align: right;
}
.top-frame-bottom-text-t2 span{
    background: #f90;
    color: #fff;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
.top-season{
    width: 1200px;
    margin: auto;
    padding: 2px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-season h5{
    font-size: 18px;
    font-weight: bold;
    width: 130px;
    height: 35px;
}
.top-season p{
    color: #999;
    font-size: 14px;
}
.suangyin2{
    width: 35px;
    height: 70px;
    margin-left: 10px;
    background: url('https://img.tuniucdn.com/img/20141028/destination/desicon.png') no-repeat;
    background-position: -261px -78px;
}
.season{
    position: relative;
    z-index: 0;
    background: #fff;
    width: 1190px;
    height: 269px;
    margin: auto;
    display: flex;
    box-sizing: border-box;
    border-top: 2px solid #b5b5b5;
    /* margin-top: 25px; */
    
}
.season-left{
    position: relative;
}
.season-left-text{
    position: absolute;
    bottom: 20px;
    left: 40px;
    width: 160px;
    height: 100px;
    background: rgba(255, 255, 255, 0.75);
    color: #000;
}
.season-left-text1{
    width: 120px;
    border-bottom: 1px solid #333;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.season-left-text2{
    font-size: 12px;
    padding: 10px;
    width: 140px;
    margin: 0 auto;
    height: 45px;
    overflow: hidden;
}
.season-right{
    display: flex;
}
.season-right li{
    margin-top: 15px;
    margin-left: 15px;
    position: relative;
    width: 220px;
    height: 220px;
    box-shadow: #ddd 0px 2px 8px;
    background-color: #fff;
}
.season-right-pic{
    position: relative;
}
.season-right li img{
    
    width: 220px;
    height: 165px;
}
.gray{
    position: absolute;
    bottom: 37px;
    left: 0px;
    width: 210px;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    display: flex;
    background-color: rgba(0, 0, 0, .7);
    /* background:url('https://img2.tuniucdn.com/img/20150117/niuline/transp.png') no-repeat 0 -137px; */
    z-index: 2;
}
.gray-t1{
    line-height: 22px;
    width: 105px;
    color: #fff;
}
.gray-t2{
    line-height: 22px;
    text-align: right;
    width: 105px;
    color: #fff;
}
.name{
    background: #fff;
    position: absolute;
    bottom: 39px;
    left: 0;
    color: #333;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}
.price{
    height: 40px;
    font-size: 20px;
    color: #f60;
    font-weight: bold;
    padding: 10px 5px 5px 0;
    box-sizing: border-box;
}
.price p{
    padding-left: 5px;
    box-sizing: border-box;
}
.price span{
    font-size: 12px;
    font-weight: normal;
    color: #f90;
}
.season-hide{
    width: 220px;
    height: 130px;
    position: absolute;
    top: 0px;
    left: 0px;
     background: url(http://img2.tuniucdn.com/img/2015011701/niuline/transp.png) no-repeat 0 -22px;
     display: none;
}
.season-right li:hover .season-hide{
    display: flex;
}
.season-hide-t{
    height: 69px;
    width: 200px;
    margin: 0 auto;
    padding-top: 20px;
}
.season-hide-t span{
    font-size: 12px;
    color: #fff;
    display: inline-block;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 5px;
    border: 1px solid #fff;
    border-radius: 10px;
}
.name1{
    background: #fff;
    /* position: absolute;
    bottom: 39px;
    left: 0; */
    color: #333;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}
.zhengti{
    background-color: #fff;
    position: absolute;
    bottom: 8px;
}
.price1{
    /* position: absolute; */
    /* bottom: 39px;
    left: 0; */
    height: 40px;
    font-size: 20px;
    color: #f60;
    font-weight: bold;
    padding: 10px 5px 5px 0;
    box-sizing: border-box;
    background-color: #fff;
}
.price1 p{
    padding-left: 5px;
    box-sizing: border-box;
}
.price1 span{
    font-size: 12px;
    font-weight: normal;
    }

    .middle2-right-item-hide-top-right{
        position: absolute;
        top: 0;
        right: 0;
        width: 72px;
        height: 20px;
        background: url('https://ssl1.tuniucdn.com/img/20160128/common/flag_bamayou.png') no-repeat center center;
    }
    .top-xia2-title{
        width: 1200px;
        height: 35px;
        margin: auto;
        display: flex;
        margin-top: 30px;
    }
    .top-xia2-title-left h2{
        font-size: 18px;
        font-weight: bold;
        width: 130px;
        height: 35px;
    }
    .top-xia2-title-right{
        width: 1070px;
        height: 24px;
        display: flex;
    }
    .top-xia2-title-right-t1{
        height: 22px;
        line-height: 22px;
        padding-left: 10px;
        padding-right: 10px;
        color: #fff;
        border-radius: 20px;
        background: #333;
    }
    .top-xia2-title-right-t2{
        width: 90px;
        height: 50px;
        line-height: 22px;
        font-size: 14px;
        color: #333;
        margin-left: 10px;
        position: relative;
        text-align: center;
    }
    
    .top-xia2-title-right-t3{
        width: 72px;
        height: 22px;
        line-height: 22px;
        color: #696868;
        font-size: 14px;
        margin-left: 613px;

        margin-top: 14px;
        text-align: center;
    }
    .top-xia2-title-right-t32{
        width: 72px;
        height: 22px;
        line-height: 22px;
        color: #696868;
        font-size: 14px;
        margin-left: 714px;

        margin-top: 14px;
        text-align: center;
    }
    .middle-2hide{
        width: 1200px;
        height: 500px;
        margin: auto;
        display: flex;
        border-top: 2px solid #b5b5b5;
        background: #fff;
        position: absolute;
        top: 35px;
        left: -235px;
        z-index: 7;
        display: none;
    }
    .middle{
        width: 1200px;
        height: 500px;
        margin: auto;
        display: flex;
        border-top: 2px solid #b5b5b5;
        background: #fff;
        margin-bottom: 10px;
    }
    .middle-left{
        width: 236px;
        height: 502px;
        position: relative;
    }
    .middle-left-pic{
        width: 236px;
        height: 502px;
    }
    .middle-left-hide{
        position: absolute;
        top: 329px;
        left: 37px;
        width: 160px;
        height: 95px;
        background: rgba(255, 255, 255, 0.75) none repeat scroll 0% 0%;
        color: #000;
    }
    .middle-left-hide-t1{
        width: 120px;
        border-bottom: 1px solid #333;
        margin: 0px auto;
        line-height: 38px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }
    .middle-left-hide-t2{
        padding: 10px 5px 10px 5px;
        width: 115px;
        font-size: 12px;
        margin: 0px auto;
        height: 45px;
        overflow: hidden;
        text-align: center;
    }
    .middle-right{
        width: 948px;
        height: 500px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .middle2-right{
        width: 948px;
        height: 500px;
        display: flex;
        flex-wrap: wrap;
    
    }
    .middle-right-item{
        width: 220px;
        height: 220px;
        box-shadow: #ddd 0px 2px 8px;
        position: relative;
        margin-top: 20px;
        margin-left: 16px;
    }
    .middle-right-item-pic{
        width: 220px;
        height: 165px;
        position: relative;
    }
    .middle-right-item-pic-pic{
        width: 220px;
        height: 165px;
    }
    .middle-right-item-hide-top-right{
        position: absolute;
        top: 0;
        right: -4px;
        width: 72px;
        height: 20px;
        background: url('https://m4.tuniucdn.com/fb2/t1/G4/M00/2C/18/Cii_J1zjoceIG5GUAAAGHLzMl60AAGKIAP_-bwAAAZE061.png') no-repeat center center;
    }
    .middle2-right-item-hide-top-right{
        position: absolute;
        top: 0;
        right: -4px;
        width: 72px;
        height: 20px;
        background: url('https://ssl1.tuniucdn.com/img/20160128/common/flag_niuzhuan.jpg') no-repeat center center;
    }
    .middle-right-item-hide-bottom-middle{
        width: 220px;
        height: 30px;
        padding: 5px 0 5px 5px;
        box-sizing: border-box;
        position: absolute;
        bottom: 35px;
        left: 0;
        z-index: 3;
        align-items: center;
        background-color: rgba(0, 0, 0, .7);
    }
    .middle-right-item-hide-bottom-middle span{
        display: inline-block;
        color: #FFF;
        width: 105px;
        font-size: 12px;
        height: 30px;
        line-height: 24px
    }
    .middle-right-item-text-top{
        width: 220px;
        height: 37px;
        color: #f80;
        font-weight: bold;
        padding: 5px;
        position: absolute;
        bottom: 43px;
        left: 0;
        background: #FFF;
    }
    .middle-right-item-text-top-t1{
        font-size: 12px;
        font-weight: normal;
        height: 24px;
    }
    
    .middle-right-item-text-top-t2{
        font-size: 18px;
        font-weight: bold;
    }
    .top-xia1-left-text-t1:hover {
        background: #0f1015;
    }
    .top-xia1-left-text-t1-items span:hover {
        color: #2e9900;
    }
    .middle-right-item-text-bottom span{
        display: inline-block;
        width: 209px;
        height: 40px;
    }
    .middle-right-item-text-bottom{
        position: relative;
        width: 220px;
        height: 30px;
        margin-top: 3px;
        overflow: hidden;
        font-size: 12px;
        padding: 0 5px 0 5px;
        font-weight: bold;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        z-index: 3;
    }
    .middle-right-item-hide-gray{
        height: 130px;
       
        width: 220px;
        position: absolute;
        bottom: 90px;
        left: 0px;
        background:rgba(0, 0, 0, .4);
        display: none;
    }
    .middle-right-item-hide-gray-text{
        position: relative;
        width: 159px;
        height: 56px;
        padding: 8px;
        font-size: 12px;
        color: #fff;
        line-height: 20px;
        margin-top: 20px;
        margin-left: 27px;
    
        /* border-radius: 10px; */
    }